<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="container">

    </div>
    <script>
        let total = 100000
        //新版本浏览器的优化 当js执行完成之后一并插入到页面中
        let timer = Date.now()
        for (let i = 0; i < total; i++) {
            let li = document.createElement("li")
            li.innerHTML = i
            container.appendChild(li)
        }
        console.log('js',Date.now() - timer) //算的是执行时间
        setTimeout(() => {
            console.log('js+dom',Date.now() - timer)
        }, 0);//7s左右

        // 分片 我们可以根据数据大小划分 每次加载固定的数量


    </script>
</body>

</html>